<template>
	<div>
		<el-date-picker v-model="screenDate" type="datetimerange" :picker-options="pickerOptions" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" align="right" ref="commonMethods" @change="getChangeDate" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				screenDate:'',
				pickerOptions: {
          			shortcuts:[{
						text: '最近一周',
						onClick(picker){
							const end = new Date();
							const start = new Date();
							start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
							picker.$emit('pick', [start, end]);
						}
					},{
						text: '最近一个月',
						onClick(picker){
							const end = new Date();
							const start = new Date();
							start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
							picker.$emit('pick', [start, end]);
						}
					},{
						text: '最近三个月',
						onClick(picker){
							const end = new Date();
							const start = new Date();
							start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
							picker.$emit('pick', [start, end]);
						}
					}]
				}
			}
		},
		methods:{
			getChangeDate(){
				this.$parent.getTableList();
			}
		}
	}
</script>